;
(function (doc) {

	//获取每一项图片
	var oItems = doc.getElementsByClassName('wf-item'),
		//所有图片的长度
		oItemsLen = oItems.length,
		//初始化一个内部数组去保存5个高度
		_arr = [];

	var init = function () {
		setImgPos();
	}

	//指定所有图片的位置
	function setImgPos() {
		var item;

		for (var i = 0; i < oItemsLen; i++) {
			item = oItems[i];
			//可以确定盒子的宽度
			//间隔：10
			//列：5
			//总宽度：1200
			//盒子的宽度 = (1200 - 10 * 4 ) / 5 = 232
			item.style.width = '232px';

			// 第一行
			if (i < 5) {
				//上下距离
				_arr.push(item.offsetHeight);
				//上下定位
				item.style.top = '0';

				// 第一列的5个盒子
				if ((i + 1) % 5 === 1) {
					// 第一列的左定位永远都是0
					item.style.left = '0';
				} else {
					//其他列盒子的定位 宽度+间隙
					item.style.left = i * (232 + 10) + 'px';
				}
			} else {
				//[146, 130, 130, 412, 348]
				//需要找数组里最小的值的下标
				minIdx = getMinIdx(_arr);
				item.style.left = oItems[minIdx].offsetLeft + 'px';
				//拿到_arr数组里保存的高度，且加上 上下间隙10
				item.style.top = (_arr[minIdx] + 10) + 'px';
				//更新数组里盒子的高度
				_arr[minIdx] += (item.offsetHeight + 10);
			}
		}
	}

	//找数组最小值的下标
	function getMinIdx(arr) {
		//当前最小的值 console.log(Math.min.apply(null, arr));
		//找到最小值的下标
		return [].indexOf.call(arr, Math.min.apply(null, arr));
	}

	// 页面加载完毕后才执行init
	window.onload = function () {
		init();
	}

})(document);